<script lang="ts">
  export let size = "1em";
  export let color = "currentColor";
  export let className = "";
</script>

<svg
  height={size}
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  class={className}
  aria-label="Filter Icon"
>
  <path
    d="M9.18756 13.1251L5.37982 8.625H18.6204L14.8126 13.1251V19.8751C14.8126 20.4731 14.3462 20.9621 13.7573 20.998L9.18756 17.6556V13.1251Z"
    fill={color}
  />
  <path
    d="M10.8751 12.507V18.8899L9.18758 17.6556V13.1251L3.26619 6.12713C3.09432 5.924 3 5.66652 3 5.40044V4.12501C3 3.50369 3.50369 3 4.12501 3H19.8752C20.4966 3 21.0002 3.50369 21.0002 4.12501V5.40044C21.0002 5.66652 20.9059 5.924 20.734 6.12713L14.8127 13.1251V19.8752C14.8127 20.4731 14.3462 20.9621 13.7574 20.9981L13.1251 20.5356V12.507L19.3127 5.19438V4.68752H4.68752V5.19438L10.8751 12.507Z"
    fill={color}
  />
</svg>
